<!DOCTYPE html>
<html lang="zh-cn">
  <head>
	<title>测试使用Float属性</title>
	<link rel="stylesheet" type="text/css" href="float1.css">
  </head>

  <body>
	<h1>测试使用Float属性</h1>

	<div style="background: #FFFAFA; margin: 20px">
	  <h2>left right case(position: absolute)</h2>
	  <div style="height: 400px; width: 400px; border-style:solid; color:red; margin: 30px"
		   class="relative">
		<div id="first-left">
		  <p>left 部分</p>
		</div>
		<div id="first-right">
		  <p>right 部分</p>
		</div>
	  </div>
	</div>

	<div style="background: gray; margin: 20px">
	  <h2>position fixed </h2>
	  <div id="fixed">
		<p>fixed位置</p>
	  </div>
	</div>
  </body>
</html>
